/*
 * @Description: 修改密码
 * @Author: mengjiajun
 * @Date: 2023-12-15 13:58:11
 * @LastEditors: mengjiajun
 * @LastEditTime: 2023-12-15 14:12:30
 * @FilePath: \foodstuff-safety-responsibility\src\pages\User\components\AccountManagement\components\EditPassword\index.tsx
 */

import { Button } from "@antmjs/vantui";
import { View, Text, Input } from "@tarojs/components";
import { useState } from "react";

const EditPassword: React.FC = () => {
  const [oldPassword, setOldPassword] = useState("");
  const [newPassword, setNewPassword] = useState("");
  const [repeatNewPassword, setRepeatNewPassword] = useState("");
  return (
    <View className="w-full h-[100vh] bg-[#e2e2e2]">
      <View className="px-3 bg-white">
        <View className="h-[80px] leading-[80px] border-b border-solid border-gray-300 flex gap-1">
          <Input
            className="flex-1 h-full"
            type="safe-password"
            placeholder="请输入旧密码"
            value={oldPassword}
            onInput={(e) => {
              setOldPassword(e.detail.value);
            }}
          />
        </View>
        <View className="h-[80px] leading-[80px] border-b border-solid border-gray-300 flex gap-1">
          <Input
            className="flex-1 h-full"
            type="safe-password"
            placeholder="请输入新密码"
            value={newPassword}
            onInput={(e) => {
              setNewPassword(e.detail.value);
            }}
          />
        </View>
        <View className="h-[80px] leading-[80px] border-b border-solid border-gray-300 flex gap-1">
          <Input
            className="flex-1 h-full"
            type="safe-password"
            placeholder="请重复输入新密码"
            value={repeatNewPassword}
            onInput={(e) => {
              setRepeatNewPassword(e.detail.value);
            }}
          />
        </View>
      </View>
      <Text className="px-3 h-[64px] flex items-center justify-end text-[24px] text-[#1677ff]">
        忘记原密码
      </Text>
      <View className="px-3 ">
        <Button type="info" className="w-full">
          修改密码
        </Button>
      </View>
    </View>
  );
};

export default EditPassword;
